<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>结构伪类03</title>
    <style>
        div > p:nth-of-type(1) {
            color: gold;
        }

        /*
           之前我们学习的无论是:nth-child还是:nth-of-type都是从上倒下的顺序,也就是正序
           我们除了正序之外还可以倒序,也就是从下往上开始数nth-last-of-type(n)或者nth-last-child(n)
        */
        /*选中div儿子中倒数第一个p标签*/
        div > p:nth-last-of-type(1) {
            color: red;
        }

        /*选中没有兄弟的span标签*/
        span:only-child {
            color: greenyellow;
        }

        /*选中的是没有同类型兄弟的span标签*/
        span:only-of-type {
            color: green;
        }

        /*选中的是没有内容的div元素*/
        div:empty {
            background-color: red;
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
<div>
    <div>
        <span>测试一</span>
    </div>
    <div>
        <p>测试</p>
        <span>测试三</span>
    </div>
    <div>
        <span>测试四</span>
        <br>
        <span>测试五</span>
    </div>
    <p>张三:98分</p>
    <p>李四:90分</p>
    <p>王五:70分</p>
    <p>赵六:60分</p>
    <p>孙七:50分</p>
    <p>老八:20分</p>
    <span>测试二</span>
</div>
<div></div>
</body>
</html>